<div class="row animated" ng-class="{true: 'fadeInRight', false:'fadeInLeft'}[currentAnimated]">
  <div class="panel panel-default">
    <div class="panel-heading">
      <a ng-click="discard()" href="javascript:;"><i class="backBtn fa fa-arrow-circle-left"></i></a>
      <span class="panelTitle" ng-bind="Form.title"></span>
    </div>
    <div class="panel-body" style="min-height:500px;">
      <form novalidate name="qrcodeForm" class="form-horizontal" role="form">
        <div class="form-group" ng-class="{'has-error': qrcodeForm.artworkId.$invalid && qrcodeForm.artworkId.$dirty}">
          <label class="control-label col-xs-3 col-md-2">选择商品：</label>
          <div class="col-xs-7 col-md-8">
            <input type="text" class="form-control w25c fl" readonly="readonly" name="artworkId" placeholder="选择的商品" ng-model="qrcode.artworkId" required>
            <button class="btn btn-primary fl" data-toggle="modal" data-target="#chooseProductModal">选择商品</button>
          </div>
        </div>
        <div class="col-xs-offset-2 col-md-offset-2 col-xs-offset-10 col-md-offset-10">
          <button class="btn btn-primary" type="submit" ng-click="submitForm()" ng-disabled="qrcodeForm.$invalid">生成二维码</button>
          <button class="btn btn-danger" ng-click="cleanup()" ng-disabled="qrcodeForm.$invalid">清除</button>
        </div>
      </form>

      <div class="row" ng-if="downloadQrcode">
        <hr>
        <div class="col-xs-offset-2 col-md-offset-2 col-xs-offset-10 col-md-offset-10">
          <p>二维码：</p>
          <img ng-src="{{downloadQrcode}}" width="300" height="300" border="0"  />
        </div>
      </div>

    </div>
  </div>
</div>